<!DOCTYPE html>
<html lang="zxx">

<head>
    <meta charset="UTF-8" xmlns:th="http://www.thymeleaf.com">
    <title>Boria | Multi purpose Responsive eCommerce HTML Template</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="assets/img/weiyi.png" type="image/png">
    <link rel="stylesheet" href="assets/css/vendor/vendor.min.css" />
    <link rel="stylesheet" href="assets/css/plugin/plugins.min.css" />
    <link rel="stylesheet" href="assets/css/main.min.css">
    <script type="text/javascript" src="js/jquer.js"></script>
    <script type="text/javascript">
    $(function(){
        // $("#join").append("<tr><td class='product-thumbnail'><a href='#'><img class='img-fluid' src='assets/img/product/category/vans-1.jpg' alt=''></a></td><td class='product-name'><a href='#'>万斯 棋盘格</a></td><td class='product-price-cart'><span class='amount'>560.00</span></td><td class='product-quantity'><div class='quantity d-inline-block'><input type='number' min='1' step='1' value='1'></div></td><td class='product-subtotal'>560.00</td><td class='product-add-cart'><a href='#modalAddCart' data-toggle='modal' class='btn btn--box btn--tiny btn--radius btn--red btn--red-hover-black btn--uppercase font--semi-bold' id='a-one'>下单</a></td></tr> ")
    })
    </script>
</head>

<body>
    <header>
        <div class="header header--1 d-none d-xl-block">
            <div class="header__tag">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <p class="header__tag-title text-center" th:text="|欢迎用户${#session.getAttribute('user').name}|"></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="header__middle sticky-header header__color--silver p-tb-10 d-flex align-items-center">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-xl-4 d-flex align-items-center">
                            <!-- Start Logo -->
                            <div class="header__logo header__logo--1">
                                <a href="index" class="header__logo-link img-responsive">
                                    <img class="header__logo-img img-fluid" src="assets/img/logo/vans.jpg" alt="">
                                </a>
                            </div>
                            <form class="header__search-form" action="#">
                                <div class="header__search-input">
                                    <button type="submit">
                                            <i class="ion-ios-search-strong"></i>
                                        </button>
                                    <input type="search" placeholder="搜索卫衣" required>
                                </div>
                            </form>
                        </div>
                        <div class="col-xl-8 d-flex align-items-center justify-content-between">
                            <div class="header-menu">
                                <nav>
                                    <ul class="header__nav">
                                        <!--Start Single Nav link-->
                                        <li class="header__nav-item pos-relative"><a href="#" class="header__nav-link header__nav-link--white header__nav-link--white-hover-white">主页 <i class="ion-ios-arrow-down"></i></a>
                                            <!--Single Dropdown Menu-->
                                            <ul class="dropdown__menu pos-absolute">
                                                <li class="dropdown__list"><a href="index.html" class="dropdown__link">新款卫衣</a></li>
                                                <li class="dropdown__list">
                                                    <a href="index-2.html" class="dropdown__link">新款卫衣</a>
                                                </li>
                                                <li class="dropdown__list"><a href="index-3.html" class="dropdown__link">新款卫衣</a></li>
                                                <li class="dropdown__list"><a href="index-4.html" class="dropdown__link">新款卫衣</a></li>
                                            </ul>
                                            <!--Single Dropdown Menu-->
                                        </li>
                                        <!-- End Single Nav link-->
                                        <!--Start Single Nav link-->
                                        <li class="header__nav-item pos-relative"><a href="#" class="header__nav-link header__nav-link--white header__nav-link--white-hover-white">Shop <i class="ion-ios-arrow-down"></i></a>

                                        </li>
                                        <!-- Start Single Nav link-->
                                        <!--Start Single Nav link-->
                                        <li class="header__nav-item pos-relative"><a href="#" class="header__nav-link header__nav-link--white header__nav-link--white-hover-white">新品推荐<i class="ion-ios-arrow-down"></i></a>
                                            <!-- Megamenu Menu-->

                                            <!-- Megamenu Menu-->
                                        </li>
                                        <!-- Start Single Nav link-->
                                        <!--Start Single Nav link-->
                                        <li class="header__nav-item pos-relative"><a href="#" class="header__nav-link header__nav-link--white header__nav-link--white-hover-white">社区<i class="ion-ios-arrow-down"></i></a>
                                            <!--Single Dropdown Menu-->
                                            <ul class="dropdown__menu pos-absolute">
                                                <li class="dropdown__list"><a href="myPj" class="dropdown__link">我的动态</a>

                                                </li>
                                                <li class="dropdown__list">
                                                    <a href="goPj" class="dropdown__link">精选评价</a>

                                                </li>
                                                <li class="dropdown__list">
                                                    <a href="#" class="dropdown__link"></a>

                                                </li>
                                            </ul>
                                            <!--Single Dropdown Menu-->
                                        </li>
                                        <!-- End Single Nav link-->
                                        <!--Start Single Nav link-->
                                        <li class="header__nav-item pos-relative"><a href="#" class="header__nav-link header__nav-link--white header__nav-link--white-hover-white">品牌分类<i class="ion-ios-arrow-down"></i></a>
                                            <!--Single Dropdown Menu-->
                                            <ul class="dropdown__menu pos-absolute">
                                                <li class="dropdown__list"><a href="about.html" class="dropdown__link">冠军</a></li>
                                                <li class="dropdown__list">
                                                    <a href="frequently-questions.html" class="dropdown__link">VANS</a>
                                                </li>
                                                <li class="dropdown__list">
                                                    <a href="privacy-policy.html" class="dropdown__link">李宁</a>
                                                </li>
                                                <li class="dropdown__list">
                                                    <a href="404.html" class="dropdown__link">匡威</a>
                                                </li>
                                            </ul>
                                            <!--Single Dropdown Menu-->
                                        </li>
                                        <!-- End Single Nav link-->
                                        <!--Start Single Nav link-->
                                        <li class="header__nav-item pos-relative"><a href="contact.html" class="header__nav-link header__nav-link--white header__nav-link--white-hover-white">关于我们</a></li>
                                        <!-- End Single Nav link-->
                                    </ul>
                                </nav>
                            </div>
                            <!-- End Header Menu -->
                            <!-- Start Wishlist-AddCart -->
                            <ul class="header__user-action-icon">
                                <!-- Start Header Add Cart Box -->
                                <li class="header-add-cart pos-relative"><a href="wishlist" class="offcanvas-toggle"><i class="ion-bag"></i><span class="wishlist-item-count wishlist-item-count--red pos-absolute" th:text="${#session.getAttribute('cartNum')}">3</span></a></li>
                                <!-- End Header Add Cart Box -->
                                <!-- Start Header User Offcanvas -->
                                <li class="header-user-sidebar pos-relative"><a href="myOrder" class="offcanvas-toggle"><i class="ion-navicon-round"></i></a></li>
                                <!-- End Header User Offcanvas -->
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        <div class="header__mobile mobile-header--1 d-block d-xl-none">
            <div class="container">
                <div class="row align-items-center justify-content-between">
                    <div class="col-4">
                        <ul class="header__mobile--leftside d-flex align-items-center justify-content-start">
                            <li>
                                <a href="#offcanvas-mobile-menu" class="offcanvas-toggle">
                                    <i class="ion-navicon-round"></i>
                                </a>
                            </li>
                            <li>
                                <div class="header__mobile-logo">
                                    <a href="index" class="header__mobile-logo-link">
                                        <img src="assets/img/logo/logo-color-red.png" alt="" class="header__mobile-logo-img img-fluid">
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="col-8">
                        <ul class="header__mobile--rightside d-flex align-items-center justify-content-end">
                            <li class="pos-relative">
                                <button class="popup__search-box">
                                        <i class="fal fa-search"></i>
                                    </button>
                                <form id="header__popup-search-form" class="header__popup-search-form pos-absolute" action="#">
                                    <div class="d-flex">
                                        <input type="search" placeholder="搜索卫衣" required>
                                        <button class="btn btn--submit btn--black" type="submit">
                                                <i class="fal fa-search"></i>
                                            </button>
                                    </div>
                                </form>
                                <!-- End Header Add Cart Box -->
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="offcanvas-add-cart__box" class="offcanvas offcanvas-cart offcanvas-add-cart">
            <div class="offcanvas__top">
                <span class="offcanvas__top-text">
                        <i class="ion-bag"></i>
                    </span>
                <button class="offcanvas-close">
                        <i class="fal fa-times"></i>
                    </button>
            </div>
            </div>
        </div>
    </header>
    <!--::::::End Header Section::::::-->
    <!--::::::Start Breadcrumb Section::::::-->
    <div class="page-breadcrumb" style="height: 20px; background-color:#424c50;"></div>

    </div>
    <!--::::::End Breadcrumb Section::::::-->
    <!--::::::Start Main Container Section::::::-->
    <main id="main-container" class="main-container">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-content">
                        <h5 class="section-content__title">您的购物车</h5>
                    </div>
                    <!-- Start Wishlist Table -->
                    <div class="table-content table-responsive cart-table-content m-t-30">
                        <table>
                            <thead>
                                <tr>
                                    <th>图片</th>
                                    <th>商品名</th>
                                    <th>价格</th>
                                    <th>数量</th>
                                    <th>尺码</th>
                                    <th>总计</th>
                                    <th>下单</th>
                                </tr>
                            </thead>
                            <tbody id="join"  th:each="cart,cartList:${goodList}">
                                <tr>
                                    <td class="product-thumbnail">
                                        <a href="#">
                                            <img class="img-fluid"  alt="" th:src="${cart.img}">
                                        </a>
                                    </td>
                                    <td class="product-name">
                                        <a href="#" th:text="${cart.name}">万斯 棋盘格</a>
                                    </td>
                                    <td class="product-price-cart">
                                        <span class="amount" th:text="${cart.price}"></span>
                                    </td>
                                    <td class="product-quantity">
                                        <div class="quantity d-inline-block">
                                            <input type="number" min="1" step="1" th:value="${cart.num}">
                                        </div>
                                    </td>
                                    <td class="product-price-cart">
                                        <span class="amount" th:text="${cart.size}">xl</span>
                                    </td>
                                    <td class="product-subtotal" th:text="${cart.endPrice}"></td>
                                    <td class="product-add-cart">
                                        <a  data-toggle="modal"  class="btn btn--box btn--tiny btn--radius btn--red btn--red-hover-black btn--uppercase font--semi-bold" id="a-one" th:href="|orderCart?goodId=${cart.goodId}&num=${cart.num}|">下单</a>
                                    </td>
                                </tr> 
                
                            </tbody>
                        </table>
                    </div>
                    <!-- End Wishlist Table -->
                </div>
            </div>
        </div>
    </main>
    <!--::::::End Main Container Section::::::-->
    <!--::::::Start Footer::::::-->
    <footer class="footer">
        <div class="container">
            <!-- Start Footer Top Section -->
            <div class="footer__top">
                <div class="row">
                    <div class="col-lg-2 col-sm-6 col-12">
                        <!-- Start Footer Nav -->
                        <div class="footer__menu">
                            <h4 class="footer__nav-title footer__nav-title--dash footer__nav-title--dash-red">信息</h4>
                            <ul class="footer__nav">
                                <li class="footer__list"><a href="#" class="footer__link">交付信息</a></li>
                                <li class="footer__list"><a href="#" class="footer__link">交易条款</a></li>
                                <li class="footer__list">
                                    <a href="#" class="footer__link">福利</a>
                                </li>
                            </ul>
                        </div>
                        <!-- End Footer Nav -->
                    </div>
                    <div class="col-lg-2 col-sm-6 col-12">
                        <div class="footer__menu">
                            <h4 class="footer__nav-title footer__nav-title--dash footer__nav-title--dash-red">我的账户</h4>
                            <ul class="footer__nav">
                                <li class="footer__list"><a href="#" class="footer__link">订单</a></li>
                                <li class="footer__list"><a href="#" class="footer__link">历史</a></li>
                                <li class="footer__list"><a href="#" class="footer__link">隐私</a></li>
                                <li class="footer__list"><a href="#" class="footer__link">问题</a></li>

                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-4 col-sm-6 col-12">
                        <div class="footer__about">
                            <div class="footer__logo">
                                <a href="index" class="footer__logo-link"><img src="assets/img/logo/logo-color-red.png" alt="" class="footer__logo-img"></a>
                            </div>
                            <ul class="footer__address">
                                <li class="footer__address-item">关于我们</li>
                                <li class="footer__address-item">地址：</li>
                                <li class="footer__address-item">联系电话</li>
                            </ul>
                            <ul class="footer__social-nav">
                                <li class="footer__social-list"><a href="#" class="footer__social-link"><i class="fab fa-facebook-f"></i></a></li>
                                <li class="footer__social-list"><a href="#" class="footer__social-link"><i class="fab fa-twitter"></i></a></li>
                                <li class="footer__social-list"><a href="#" class="footer__social-link"><i class="fab fa-youtube"></i></a></li>
                                <li class="footer__social-list"><a href="#" class="footer__social-link"><i class="fab fa-google-plus-g"></i></a></li>
                                <li class="footer__social-list"><a href="#" class="footer__social-link"><i class="fab fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-4 col-sm-6 col-12">
                        <div class="footer__form">
                            <h4 class="footer__nav-title footer__nav-title--dash footer__nav-title--dash-red">收藏我们</h4>
                            <p>更新后会第一时间通知哦!</p>
                            <form action="#" class="footer__form-box"><input type="email" placeholder="" required><button class="btn btn--red btn--red-hover-red btn--uppercase font--bold" type="submit">收藏!</button></form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Footer Top Section -->
            <!-- Start Footer Bottom Section -->
        </div>
    </footer>
</body>

</html>